<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="layui/css/layui.css" media="all" />
		<script>
			function change(type){
				document.getElementById('demoAdmin').setAttribute('src', type + '.html')
			}
		</script>
	</head>
	<body class="layui-layout-body">
		<!-- 整个大的盒子 -->
		<div class="layui-layout layui-layout-admin">
			
			<!-- 头部开始 -->
			<div class="layui-header">
				<div class="layui-logo">后台商品管理系统</div>
				<!-- 头部区域左侧 -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item"><a href="">控制台</a></li>
					<li class="layui-nav-item"><a href="">商品管理</a></li>
					<li class="layui-nav-item"><a href="">用户</a></li>
					<li class="layui-nav-item">
						<a href="javascript:;">其他系统</a>
						<dl class="layui-nav-child">
							<dd><a href="">邮件管理</a></dd>
							<dd><a href="">消息管理</a></dd>
							<dd><a href="">授权管理</a></dd>
						</dl>
					</li>
				</ul>
				<!-- 头部区域右侧 -->
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="layui/css/modules/layer/default/loading-0.gif" />
							阿亮
						</a>
						<dl class="layui-nav-child">
							<dd><a href="">基本资料</a></dd>
							<dd><a href="">安全设置</a></dd>
							
						</dl>
					</li>
					
					<li class="layui-nav-item"><a href="">退了</a></li>
				</ul>
			</div>
			<!-- 头部结束 -->
			
			<!-- 左侧菜单开始 -->
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll">
					<!-- 左侧导航区域 -->
					<ul class="layui-nav layui-nav-tree" lay-filter="test">
					<!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
					  <li class="layui-nav-item layui-nav-itemed">
					    <a href="javascript:;">商品管理</a>
					    <dl class="layui-nav-child">
					      <dd class="layui-this"><a href="javascript:;" onclick="change('table')">查询商品</a></dd>
					      <dd><a href="javascript:;" onclick="change('add')">添加商品</a></dd>
					  
					    </dl>
					  </li>
					  <li class="layui-nav-item">
					    <a href="javascript:;">数据分析</a>
					    <dl class="layui-nav-child">
					      <dd><a href="javascript:;" onclick="change('bar')">柱状图</a></dd>
					      <dd><a href="javascript:;" onclick="change('pie')">饼状图</a></dd>
					    </dl>
					  </li>
					  <li class="layui-nav-item"><a href="">产品</a></li>
					  <li class="layui-nav-item"><a href="">大数据</a></li>
					</ul>
				</div>
			</div>
			<!-- 左侧结束 -->
			
			<!-- 主体开始 -->
			<div class="layui-body">
				<div style="padding: 15px;">
					<iframe src="table.html" frameborder="0" id="demoAdmin" style="width: 100%; height: 600px;"></iframe>
				</div>
			</div>
			<!-- 主体结束 -->
			
			<!-- 底部固定区域 -->
			<div class="layui-footer">
				欢迎使用本管理系统！
			</div>
			<!-- 固定区域结束 -->
			
		</div>
		<script src="layui/layui.js" charset="UTF-8"></script>
		<script>
			// javascript 代码区域
			layui.use('element', function(){
				var element = layui.element;
			});
		</script>
	</body>
</html>
